<template>
    <el-descriptions 
    title="主题设置" 
    border
    :column="1"
    direction="vertical"
    >
        <el-descriptions-item label="颜色主题">
            <el-radio-group v-model="radio">
                <el-radio :value="3">浅色主题</el-radio>
                <el-radio :value="6">深色主题</el-radio>
                <el-radio :value="9">跟随系统</el-radio>
            </el-radio-group>
        </el-descriptions-item>
        <el-descriptions-item label="系统语言">
            <el-select v-model="select">
                <el-option
                v-for="item in options"
                :key="item.value"
                :value="item.value"
                :label="item.label"
                >

                </el-option>
            </el-select>
        </el-descriptions-item>
    </el-descriptions>
</template>

<script setup>
import { reactive, ref } from "vue"

const radio = ref(3)
const select = ref('chinese')

const options = reactive([
    {
        value:'chinese',
        label:'简体中文'
    },
    {
        value:'english',
        label:'english'
    }
])

</script>

<style lang="scss" scoped></style>
